/* 
2020 06 22
lili
 医院级别 
*/
// audio
$(function(){
    $('body').append('<audio id="audio" preload="preload" src="" style="display:none;"></audio>')
    var myaudio=document.getElementById("audio");
    myaudio.loop=false;//禁止循环
    $("#message").on("click",".chat-pop",function(){  

        var aniimg=$(this).find("i"),
        sou=$(this).data("source");
        aniimg.removeClass("error");
        aniimg.addClass("loading");
        //加载
        myaudio.onloadedmetadata = function () {
            aniimg.removeClass("loading");
        }
        //判断一下当前是否正在播放
        if($(this).hasClass("nowplaying")){
            //暂停就是清空，以便下次继续点击时从新使用
            myaudio.src="";
            myaudio.pause();
            aniimg.removeClass("play");
            $(this).removeClass("nowplaying");
            $("#message").find(".chat-pop").find("i").removeClass("loading");
        }else{
            //让当前这个按钮添加动画和正在播放类，去除此区域的其他按钮动画和正在播放样式
            $("#message").find(".chat-pop").removeClass("nowplaying");
            $(this).addClass("nowplaying");
            $("#message").find(".chat-pop").find("i").removeClass("play");
            aniimg.addClass("play");
            myaudio.src=sou;
            myaudio.play();
        }
        //失败
        myaudio.addEventListener("error",function(){
           error();
        })
        function error(){
            aniimg.removeClass("loading");
            aniimg.removeClass("play");
            if(sou==''){
                aniimg.addClass("error");
            }
        }
    })
})